<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TRYDREAM</title>
<meta name="keywords" content="黑色模板,个人网站模板,个人博客模板,博客模板,css3,html5,网站模板" />
<meta name="description" content="这是一个有关黑色时间轴的css3 html5 网站模板" />
<link href="__PUBLIC__/Prve/css/styles.css" rel="stylesheet">
<link href="__PUBLIC__/Prve/css/animation.css" rel="stylesheet">
<!-- 返回顶部调用 begin -->
<link href="__PUBLIC__/Prve/css/lrtk.css" rel="stylesheet" />
<script type="text/javascript" src="__PUBLIC__/Prve/js/jquery.js"></script>
<script type="text/javascript" src="__PUBLIC__/Prve/js/js.js"></script>
<!-- 返回顶部调用 end-->
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<include file='head'/>
<!--header end-->
<div id="mainbody">
  <div class="info">
    <figure> <img src="__PUBLIC__/Prve/images/art.jpg"  alt="Panama Hat">
      <figcaption><strong>渡人如渡己，渡已，亦是渡</strong> 当我们被误解时，会花很多时间去辩白。 但没有用，没人愿意听，大家习惯按自己的所闻、理解做出判别，每个人其实都很固执。与其努力且痛苦的试图扭转别人的评判，不如默默承受，给大家多一点时间和空间去了解。而我们省下辩解的功夫，去实现自身更久远的人生价值。其实，渡人如渡己，渡已，亦是渡人。</figcaption>
    </figure>
    <div class="card">
      <h1>我的名片</h1>
      <p>网名：trydream</p>
      <p>职业：Web前端设计师、网页设计</p>
      <p>电话：15071105267</p>
      <p>Email：78448153@qq.com</p>
      <ul class="linkmore">
        <li><a href="/" class="talk" title="给我留言"></a></li>
        <li><a href="/" class="address" title="联系地址"></a></li>
        <li><a href="/" class="email" title="给我写信"></a></li>
        <li><a href="/" class="photos" title="生活照片"></a></li>
        <li><a href="/" class="heart" title="关注我"></a></li>
      </ul>
    </div>
  </div>
  <!--info end-->
  <div class="blank"></div>
  <div class="blogs">
    <ul class="bloglist">
      <li>
      <volist name='list' id='vo'>
        <div class="arrow_box">
          <div class="ti"></div>
          <!--三角形-->
          <div class="ci"></div>
          <!--圆形-->
          
          <h2 class="title"><a href="<{:U('Index/fact')}>" target="_blank"><{$vo.a_title}></a></h2>
          <ul class="textinfo">
            <a href="/"><img src="__PUBLIC__/Prve/images/s1.jpg"></a>
            <p><{$vo.a_content}></p>

          </ul>
          <ul class="details">
            <li class="likes"><a href="#"><{$vo.commentnum}></a></li>
            <li class="comments"><a href="#"><{$vo.approve}></a></li>
            <li class="icon-time"><a href="#"><{$vo.a_time}></a></li>
          </ul>
            
        </div>
        </volist>
     
        <!--arrow_box end--> 
      </li>
     
    </ul>
    
    <!--bloglist end-->
    <aside>
      <div class="tuijian">
        <h2>推荐文章</h2>
        <ol>
        <volist name='choose' id='ch'>
          <li><span><strong><{$i}></strong></span><a href="/"><{$ch.a_title}></a></li>
         </volist>
        </ol>
      </div>
      <div class="toppic">
        <h2>图文并茂</h2>
        <ul>
          <li><a href="http://www.yangqq.com/"><img src="__PUBLIC__/Prve/images/k01.jpg">腐女不可怕，就怕腐女会画画！
            <p>伤不起</p>
            </a></li>
          <li><a href="http://www.yangqq.comhttp://www.yangqq.com/"><img src="__PUBLIC__/Prve/images/k02.jpg">问前任，你还爱我吗？无限戳中泪点~
            <p>感兴趣</p>
            </a></li>
          <li><a href="http://www.yangqq.com/"><img src="__PUBLIC__/Prve/images/k03.jpg">世上所谓幸福，就是一个笨蛋遇到一个傻瓜。
            <p>喜欢</p>
            </a></li>
        </ul>
      </div>
      <div class="clicks">
        <h2>热门点击</h2>
        <ol>
          <li><span><a href="/">慢生活</a></span><a href="/">有一种思念，是淡淡的幸福,一个心情一行文字</a></li>
          <li><span><a href="/">爱情美文</a></span><a href="/">励志人生-要做一个潇洒的女人</a></li>
          <li><span><a href="/">慢生活</a></span><a href="/">女孩都有浪漫的小情怀——浪漫的求婚词</a></li>
          <li><span><a href="/">博客模板</a></span><a href="/">Green绿色小清新的夏天-个人博客模板</a></li>
          <li><span><a href="/">女生个人博客</a></span><a href="/">女生清新个人博客网站模板</a></li>
          <li><span><a href="/">Wedding</a></span><a href="/">Wedding-婚礼主题、情人节网站模板</a></li>
          <li><span><a href="/">三栏布局</a></span><a href="/">Column 三栏布局 个人网站模板</a></li>
          <li><span><a href="/">个人网站模板</a></span><a href="/">时间煮雨-个人网站模板</a></li>
          <li><span><a href="/">古典风格</a></span><a href="/">花气袭人是酒香—个人网站模板</a></li>
        </ol>
      </div>
      <div class="search">
        <form class="searchform" method="get" action="#">
          <input type="text" name="s" value="Search" onfocus="this.value=''" onblur="this.value='Search'">
        </form>
      </div>
      <div class="viny">
        <dl>
          <dt class="art"><img src="__PUBLIC__/Prve/images/artwork.png" alt="专辑"></dt>
          <dd class="icon-song"><span></span>南方姑娘</dd>
          <dd class="icon-artist"><span></span>歌手：赵雷</dd>
          <dd class="icon-album"><span></span>所属专辑：《赵小雷》</dd>
          <dd class="icon-like"><span></span><a href="/">喜欢</a></dd>
          <dd class="music">
            <audio src="__PUBLIC__/Prve/images/nf.mp3" controls></audio>
          </dd>
          <!--也可以添加loop属性 音频加载到末尾时，会重新播放-->
        </dl>
      </div>
    </aside>
  </div>
  <!--blogs end--> 
</div>
<!--mainbody end-->
<include file='footer'/>
